<template>
  <div>
    <HeaderGuide>首页</HeaderGuide>
    <div class="divs">
      <!--搜索框-->
      <div>
        <sousuo></sousuo>
      </div>

      <!--轮播图-->
      <div class="aa">
        <Carousel></Carousel>
      </div>

      <!--分类-->
      <div>
        <Classification></Classification>
      </div>

      <!--附近商家-->
      <div class="sj">
        <div class="div2">附近商家</div>
        <div>
          <Business></Business>
        </div>
      </div>

    </div>
    <FooterGuide/>
  </div>
</template>

<script>
import FooterGuide from "../../components/FooterGuide/FooterGuide";
import HeaderGuide from "../../components/HeaderGuide/HeaderGuide";
import Carousel from "../../components/Carousel/Carousel";
import Classification from "./Classification";
import Business from "./Business";
import sousuo from "../../components/HeaderGuide/sousuo";

  export default {
    name:'MSite',
    components:{
      FooterGuide,
      HeaderGuide,
      Carousel,
      Classification,
      Business,
      sousuo
    }
  }
</script>

<style scoped>
  *{
    margin: 0;
    padding: 0;
  }
  .divs{
    position: absolute;
    margin: 5px;
    left: 7px;
    right: 7px;
    top: 80px;
    box-shadow: 0 -3px 1px rgba(100, 100, 100, 0.1);
  }
  .div2{
    font-size: 25px;
    margin-top: 15px;
    font-family: 方正舒体;
    color: #ff8f05;
  }
  .sj{
    margin-bottom: 60px;
  }
</style>
